//继承模板
{extend name="public/base"}


//CSS
{block name="style"}
<link rel="stylesheet" href="__ADMIN_STATIC__/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
{/block}


{block name="breadcrumb" title="当前位置"}{/block}

//正文区域
{block name="body"}{//---------------------------------------------------------------------------}
<article class="page-container">
    <form class="form form-horizontal" id="form1">
        
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>ID：</label>
            <div class="formControls col-xs-8 col-sm-5">


                {$info.id|default="0"? $info.id : 'ID自增长'}


            </div>
            <div class="formControls col-xs-8 col-sm-5">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">岗位名称：</label>
            <div class="formControls col-xs-8 col-sm-5">
                <input name="name" class="input-text" placeholder="写点什么..." value="{$info.name|default=''}" />
            </div>
            <div class="formControls col-xs-8 col-sm-5">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属部门：</label>
            <div class="formControls col-xs-8 col-sm-5">
                <span class="select-box">
                <select class="select" name="dept_id">
                    {:model('Dept')->tree_options( $info.dept_id )}
                </select>
                </span>
            </div>
            <div class="formControls col-xs-8 col-sm-5">
            </div>
        </div>



        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">岗位描述：</label>
            <div class="formControls col-xs-8 col-sm-5">
                <textarea name="about" class="textarea" placeholder="写点什么。。。">{$info.about|default=''}</textarea>
            </div>
            <div class="formControls col-xs-8 col-sm-5">
            </div>
        </div>

        <div class="row cl" scrollFixTop >
            <div class="col-xs-8 col-sm-5 col-xs-offset-4 col-sm-offset-2">
                <input type="hidden" name="id"  value="{$info.id|default=0}"/>
                <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存并提交 </button>
                <button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</article>
<div style=" height:3000px; border:10px soild #f60"></div>


{/block}
//-----------------------------------------------------------------------------------------------


<!--请在下方写此页面业务相关的脚本-->
//-----------------------------------------------------------------------------------------------
{block name="script"}

<script type="text/javascript">




$(function(){
    //
    // $("#tab-category").Huitab({
    //  index:0
    // });

    //返回顶部
    $.Huitotop();

    //表单验证 提交
    $('#form1').validate({
        onkeyup:false, //在 keyup 时验证。
        onclick:false, // 在点击复选框和单选按钮时验证。
        onfocusout:false, //失去焦点时验证（不包括复选框/单选按钮）。
        onsubmit:true ,   // 提交时验证。设置为 false 就用其他方法去验证。
        focusCleanup:true,focusInvalid:false,
        success:"valid", //验证成功 添加样式
        rules: {

        },
        submitHandler:function(form){
            jBox.tip('loading...' , 'loading') ; 

            var $form  = $("form");
            var url = $form.attr('action');
            var type = $form.attr('method') || 'post';
            var data = $form.serialize();
            $.ajax({
                url: url ,
                type:type , // get post
                data: data , 
                dataType : 'html' ,
                success:function(d){
                    try{d = JSON.parse(d);}catch(err){jBox.alert( d , '查看ajax返回值');return false;}
                    if( 1 == d.code){
                        jBox.tip( d.msg , 'success');
                        setTimeout(function(){layer_close(1);},1000);
                    }else{
                        jBox.tip( d.msg , 'error');
                    }
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    console.log( 'ajaxError : ' + textStatus );
                },
                complete:function(){
                    setTimeout(function(){jBox.closeTip();},3000);
                }
            });

        },
        showErrors:function(errorMap,errorList) {
            this.defaultShowErrors(); //默认验证 
            if( this.numberOfInvalids() ){
                jBox.tip( '有' + this.numberOfInvalids() + '个错误，请检查！' ,'error');
            }
        }
    });

    //


    
});


var scrollFixTop = $('[scrollFixTop]').each(function(){
    var scrollFixTop = $(this);
    $(function(){
        var h = scrollFixTop.offset().top;
        $(window).on('scroll',function(){
            if( $(window).scrollTop() >  h ){
                scrollFixTop.addClass('navbar-fixed-top');
            }else{
                scrollFixTop.removeClass('navbar-fixed-top');
            }
        })
    });
});



//--------------------------------------------




</script>

<style>
    

    
</style>



{/block}{//---------------------------------------------------------------------------}